<template>
  <footer class="w-full border-t border-zinc-200 bg-white py-6">
    <div
      class="container mx-auto px-4 flex flex-col items-center justify-between space-y-4 md:flex-row md:space-y-0"
    >
      <div class="text-sm text-zinc-500">© 2025 UIClone. All rights reserved.</div>
      <nav class="flex space-x-6 text-sm text-zinc-500">
        <a class="hover:text-zinc-900 transition-colors" href="/terms-of-service">
          Terms of Service
        </a>
        <a class="hover:text-zinc-900 transition-colors" href="/privacy"> Privacy Policy </a>
        <a
          target="_blank"
          rel="noopener noreferrer"
          class="hover:text-zinc-900 transition-colors flex items-center gap-1"
          href="https://discord.gg/MFMdzB5R"
        >
          Discord
        </a>
      </nav>
    </div>
  </footer>
</template>

<script setup lang="ts"></script>
